@CHARSET "ISO-8859-1";

html, body {
	margin: 0 ;
	padding: 0 ;
	background-color: #eee ;
	font-family: "arial" ;
	height: 100% ;
}

div#wrapper {
	margin: 0 ;
	padding: 0 ;
	min-height: 100% ;
	position: relative ;
}

header#main_header {
	display: block ;
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	margin: auto ;
	width: 100% ;
	background-color: #aaa ;
	border-bottom: 2px solid black ;
}

header img#logo {
	float: left ;
	height: 100px ;
}

header#main_header h1 {
	display: table-cell ;
	vertical-align: middle ;
	margin: auto ;
	height: 80px ;
	padding: 5px 0 5px 200px ;
	text-align: center ;
	width: 100% ;
}

nav#main_menu ul {
	display: block ;
	list-style-type: none ;
	width: 100% ;
	height: 40px ;
	background-color: #aaf ;
	text-width: 110% ;
	font-weight: bold ;
	margin: 0 ;
	padding: 0 60px 0 60px ;
}
	
nav#main_menu ul li {
	float: left ;
	display: inline ;
	padding-left: 4px ;
	padding-right: 4px ;
	margin-right: 2px ;
}

nav#main_menu ul li#user_information {
	float: right ;
	margin-right: 120px ;
}

nav#main_menu ul li a, nav#main_menu ul li#user_information span {
	display: table-cell ;
	vertical-align: middle ;
	text-decoration: none ;
	text-align: center ;
	height: 40px ;
	width: 120px ;
}

nav#main_menu ul li#user_information span {
	width: 100% ;
	font-style: italic ;
	font-weight: normal ;
}

nav#main_menu ul li a:hover {
	background-color: #faa ;
}

div#body {
	clear: both ;
	margin: 20px 40px 60px 40px ;
}

footer#main_footer {
 	position: absolute ; bottom: 0 ; left : 0 ;
  	width: 100% ;
  	color: black ;
  	height: 60px ;
	text-align: center ;
	font-style: italic ;
	margin: auto ;
	width: 100% ;
	background-color: #aaa ;
	border-top: 2px solid black ;
}